<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0.5, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="pulgins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="pulgins/jquery-sdpagination.js/dist/sdpagination.min.css">
    <link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="stylesheets/index.css?20180210">
    <link href="pulgins/date_pulgins/daterangepicker.css" rel="stylesheet" type="text/css">
    <script src="pulgins/jquery/jquery-3.1.0.min.js"></script>
    <script src="pulgins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/moment.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/daterangepicker.js"></script>
    <script src="pulgins/jquery-sdpagination.js/dist/jquery-sdpagination.min.js"></script>
    <script src="javascripts/public.js?20180210"></script>
    <script src="javascripts/class_admin.js?20180210" ></script>
    <title>铭材分类管理</title>
</head>
<body>
<div id="all_wrap_">
    <div class="content">
        <div class="content_left">
            <img src="images/logo.png" alt="">
            <ul></ul>
        </div>
        <div class="content_right">
            <div class="right-top">
                <b class="glyphicon glyphicon-resize-small"></b>
                <div>
                    <img src="images/logo.png" alt="">
                    <p id="user_name"></p>
                    <b class="glyphicon glyphicon-chevron-down"></b>
                    <div id="exit" title="点击后退出登录" >
                        <span>退出</span>
                        <b class="glyphicon glyphicon-log-out"></b>
                    </div>
                </div>
            </div>
            <!--主要部分-->
            <div class="add_goods">
                <div class="container-fluid">
                    <div class="add_goods_header">
                        <div class="row">
                            <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请选择您要管理的分类</h2>
                        </div>
                        <div class="row">
                            <div style="margin-top:10px;" class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">一级分类</span>
                                    <select class="form-control" name="" id="select1">
                                    </select>
                                </div>
                            </div>
                            <div style="margin-top:10px;" class="col-sm-4 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">二级分类</span>
                                    <select class="form-control" name="" id="select2">
                                        <option value=""></option>
                                    </select>
                                </div>

                            </div>
                            <div style="margin-top:10px;" class="col-sm-2  col-xs-10">
                                <button class="fr btn btn-default " id="add_up_btn"> 添加一级分类</button>
                            </div>
                        </div>
                    </div>
                    <div class="add_goods_body">
                        <div class="row">
                            <div class="col-xs-10 col-xs-offset-1">
                                <div>
                                 <table id="up_building_price" class="table-bordered table">

                                 </table>
                                </div>
                            </div>
                            <div class="col-xs-10 col-xs-offset-1">
                                <div class="row" id="page"></div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!--loading -->
            <div class="loading">
                <img src="images/loading.gif" alt="">
            </div>
            <!--添加分类-->
            <div class="set_shangpin" id="up_building_add">
                <div class="set_shangpin_main">
                    <div class="set_goods">
                        <div class="container-fluid">
                            <div class="add_goods_body">
                                <div class="row" style="margin-top: 0">
                                    <div class="col-xs-10 col-xs-offset-1" style="font-size: 15px;">
                                        请填写分类信息
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">分类名称</span>
                                            <input type="text"  placeholder="请输入分类名称"  id="add_class_name" class="form-control input_is">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">分类排序</span>
                                            <input type="number" placeholder="数字越大越靠前" id="add_class_sort" class="form-control input_is">
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1" >
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">webUrl</span>
                                            <input type="text" placeholder="请填写web端跳转" id="add_web_url" class="form-control input_is">
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">appUrl</span>
                                            <input type="text" placeholder="请填写APP端跳转" id="add_app_url" class="form-control input_is">
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">分类别名</span>
                                            <input type="text" placeholder="分类页的一级分类名称" id="add_app_alias" class="form-control input_is">
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">主材对应</span>
                                            <select name="" id="add_app_pnames" class="form-control input_is"></select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">可见选择</span>
                                            <select name="" id="add_look" class="form-control input_is">
                                                <option value="0">客户可见</option>
                                                <option value="1">内部可见</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                        <form style="display: none" action="" id="form_logo" method="post"
                                              enctype="multipart/form-data">
                                            <input id="input_file_logo" accept="image/png,image/gif,image/jpeg" type="file"
                                                   name="img">
                                        </form>
                                        <button id="up_logo_button" class="btn-info btn">分类logo上传 <span
                                                class="glyphicon glyphicon-open"></span></button>
                                        <div class="img_wrap_logo up_img_wrap"></div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                        <form style="display: none" action="" id="form_bagimg" method="post"
                                              enctype="multipart/form-data">
                                            <input id="input_file_bagimg" accept="image/png,image/gif,image/jpeg" type="file"
                                                   name="img">
                                        </form>
                                        <button id="up_bagimg_button" class="btn-info btn">分类背景图上传 <span
                                                class="glyphicon glyphicon-open"></span></button>
                                        <div class="img_wrap_bagimg up_img_wrap"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <b class="col-xs-5 btn btn-warning cancle_set" data-toggle="modal"
                                           data-target="#myModal">取消</b><span
                                            class="col-xs-5 btn btn-danger col-xs-offset-2 add_confirm" data-toggle="modal"
                                            data-target="#myModal">确认</span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--修改分类-->
            <div class="set_shangpin" id="up_building_set">
                <div class="set_shangpin_main">
                    <div class="set_goods">
                        <div class="container-fluid">
                            <div class="add_goods_body">
                                <div class="row" style="margin-top: 0px">
                                    <div class="col-xs-10 col-xs-offset-1" style="font-size: 15px;">
                                        请修改分类信息
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">分类名称</span>
                                            <input type="text" id="set_class_name" class="form-control input_is">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">分类排序</span>
                                            <input type="number" placeholder="数字越大越靠前" id="set_class_sort" class="form-control input_is">
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">webUrl</span>
                                            <input type="text" placeholder="请填写web端跳转" id="set_web_url" class="form-control input_is">
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">appUrl</span>
                                            <input type="text" placeholder="请填写APP端跳转" id="set_app_url" class="form-control input_is">
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">分类别名</span>
                                            <input type="text" placeholder="分类页的一级分类名称" id="set_app_alias" class="form-control input_is">
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">主材对应</span>
                                            <select name="" id="set_app_pnames" class="form-control input_is"></select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div class="input-group">
                                            <span class="input-group-addon">可见选择</span>
                                            <select name="" id="set_look" class="form-control input_is">
                                                <option value="0">客户可见</option>
                                                <option value="1">内部可见</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                        <form style="display: none" action="" id="form_logo_set" method="post"
                                              enctype="multipart/form-data">
                                            <input id="input_file_logo_set" accept="image/png,image/gif,image/jpeg" type="file"
                                                   name="img">
                                        </form>
                                        <button id="up_logo_button_set" class="btn-info btn">分类logo上传 <span
                                                class="glyphicon glyphicon-open"></span></button>
                                        <div class="img_wrap_logo_set up_img_wrap"></div>
                                    </div>
                                </div>
                                <div class="row isclass1">
                                    <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                        <form style="display: none" action="" id="form_bagimg_set" method="post"
                                              enctype="multipart/form-data">
                                            <input id="input_file_bagimg_set" accept="image/png,image/gif,image/jpeg" type="file"
                                                   name="img">
                                        </form>
                                        <button id="up_bagimg_button_set" class="btn-info btn">分类背景图上传 <span
                                                class="glyphicon glyphicon-open"></span></button>
                                        <div class="img_wrap_bagimg_set up_img_wrap"></div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <b class="col-xs-5 btn btn-warning cancle_set" data-toggle="modal"
                                           data-target="#myModal">取消</b><span
                                            class="col-xs-5 btn btn-danger col-xs-offset-2 set_confirm" data-toggle="modal"
                                            data-target="#myModal">确认</span>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="footer">

</div>
<!--提示<&ndash;&gt;-->
<div class="hint">

</div>
<!--提示确认-->
<div class="modal" id="modal_wrap" aria-labelledby="myModalLabel" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="top: 20%;" role="document">
        <div class="modal-content">
            <div style="font-size: 20px;" class="modal-header">
                <h4 class="modal-title">提示</h4>
            </div>
            <div style="font-size: 20px;" class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" id="modal_close" class="btn btn-default">取消</button>
                <button type="button" class="btn btn-primary" id="confirm">确定</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>